<script setup>
import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <router-view></router-view>
</template>

<style>
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background-color: #f0f2f5; /* 设置背景色与主内容区一致 */
}

#app {
  height: 100%;
  width: 100%;
  background-color: #f0f2f5; /* 设置背景色与主内容区一致 */
}

/* 移除 Element Plus 的默认样式 */
.el-container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.el-aside {
  margin: 0 !important;
  padding: 0 !important;
  width: 200px !important;
  flex-shrink: 0 !important;
}

.el-main {
  margin: 0 !important;
  padding: 20px !important;
  flex: 1 !important;
  min-width: 0 !important;
}

/* 确保内容区域占满剩余空间 */
.el-container > .el-container {
  flex: 1;
  min-width: 0;
}

/* 移除卡片默认边距 */
.el-card {
  margin-bottom: 20px;
}

/* 确保表格占满容器 */
.el-table {
  width: 100% !important;
}
</style>
